// @import './antDesignVue.less';
@primary-color: #0e0a64;
@baseBg       : #0e0a64;
@base         : #00a0e9;

.title-en {
	font-size  : 28px;
	color      : @base;
	text-align : center;
	font-weight: 700;
	font-style : italic;
	margin-top : 20px;
}

.title-cn {
	font-size  : 24px;
	color      : @baseBg;
	font-weight: 700;
	text-align : center;
	margin     : 10px 0;
}

.title-icon {
	font-size    : 18px;
	color        : @base;
	text-align   : center;
	margin-bottom: 30px
}

.description {
	margin-bottom: 30px;

	.description-text {
		height: 240px;

		div {
			font-size    : 28px;
			color        : @base;
			position     : relative;

			i {
				position : absolute;
				top      : 0;
				left     : 0;
				font-size: 12px;
				color    : #b5b6b6;
				transform: translateY(-80%);
			}
		}

		p {
			color      : #000;
			font-size  : 14px;
			line-height: 22px;

			span {
				color    : @base;
				font-size: 16px;
			}
		}
	}

	.description-text-more {
		.sub-title {
			color    : @base;
			font-size: 18px;

			i {
				font-size: 12px;
			}
		}
	}

	.description-img {
		height: 240px;

		img {
			width : 100%;
			height: 100%;
		}
	}
}

.description-mode {
	text-align   : center;
	font-size    : 28px;
	margin-bottom: 30px;
	color        : @base;
	position     : relative;

	div {
		margin-bottom: 40px;
	}

	i {
		position : absolute;
		top      : 0;
		left     : 50%;
		font-size: 12px;
		color    : #b5b6b6;
		transform: translate(-50%, -80%);
	}
}

.category-table {
	margin-bottom: 40px;

	.category-item { 
		line-height  : 40px;
		text-align   : center;
		background   : #efefef;
		color        : #666;
		z-index      : 2;
		border-left  : 1px solid #fff;
		border-bottom: 1px solid #fff;
	}

	.active {
		height     : 50px;
		line-height: 50px;
		font-size  : 18px;
		background : @base;
		color      : #fff;
	}
}

.description-system {
	display        : flex;
	justify-content: space-between;
	margin-bottom  : 40px;

	div {
		cursor         : pointer;
		display        : flex;
		flex-direction : column;
		justify-content: center;
		align-items    : center;

		p {
			color      : @base;
			font-size  : 18px;
			text-indent: -10px;
		}
	}
}

.value {
	.description-img {
		height: 272px;
	}
}

.corporate-culture {
	margin-bottom: 40px;

	.culture-list {
		display        : flex;
		justify-content: space-between;

		.culture-item {
			text-align: center;
			width: 33.33%;
			img{
				width: 100%;
				height: 200px;
			}
			p {
				color     : @base;
				font-size : 16px;
				margin-top: 10px;

			}

			span {
				font-size: 13px;
				color    : #000;
			}
		}
	}
}

.events {
	.events-item {
		margin-bottom: 10px;

		span {
			color       : @base;
			display     : inline-block;
			width       : 100px;
			margin-right: 20px;
			position    : relative;

			&::before {
				content   : "";
				display   : inline-block;
				width     : 2px;
				height    : 120%;
				background: @base;
				position  : absolute;
				left      : 100px;
				top       : 10px;

			}

			&::after {
				content      : "";
				display      : inline-block;
				width        : 8px;
				height       : 8px;
				border-radius: 50%;
				background   : #fff;
				border       : 1px solid @base;
				position     : absolute;
				left         : 97px;
				top          : 4px;

			}
		}

		i {
			font-size: 13px;
			color    : #000;
		}
	}
}

.partner {
	margin-bottom: 40px;

	.partner-list {
		display  : flex;
		flex-wrap: wrap;

		.partner-item {
			width : 120px;
			height: 70px;

			img {
				width        : 100%;
				height       : 100%;
				margin-bottom: 10px;
				box-shadow: 1px 1px 10px -1px #ddd;
				cursor: pointer;
			}
		}
	}
}

.contact {
	text-align: center;

	.company {
		font-size: 18px;
	}
}

.activity {
	.activity-list {
		.activity-item {
			img {
				width : 100%;
				height: 100%;
			}
		}
	}
}


.clearfix {
	&::after {
		content: "";
		display: block;
		clear  : both;
	}
}

.ant-carousel .slick-dots-bottom {
	bottom: 100px;
	z-index: 99;
}
.mb5 {
	margin-bottom: 5px;
}

.mr5 {
	margin-right: 5px;
}

.ml5 {
	margin-left: 5px;
}

.mt5 {
	margin-top: 5px;
}

.m15 {
	margin: 15px;
}

.ml15 {
	margin-left: 15px;
}

.mr15 {
	margin-right: 15px;
}

.mb15 {
	margin-bottom: 15px;
}

.mt15 {
	margin-top: 15px;
}

.m10 {
	margin: 10px;
}

.ml10 {
	margin-left: 10px;
}

.mr10 {
	margin-right: 10px;
}

.mb10 {
	margin-bottom: 10px;
}

.mt10 {
	margin-top: 10px;
}

.mlr10 {
	margin: 0 10px;
}

.mtb10 {
	margin: 10px 0;
}

.p10 {
	padding: 10px;
}

.pt10 {
	padding-top: 10px;
}

.pb10 {
	padding-bottom: 10px;
}

.pr10 {
	padding-right: 10px;
}

.pl10 {
	padding-left: 10px;
}

.plr10 {
	padding: 0 10px;
}

.ptb10 {
	padding: 10px 0;
}

.plr20 {
	padding: 0 20px;
}

.ptb20 {
	padding: 20px 0;
}

.w250 {
	width: 250px;
}

.w64 {
	width: 64px;
}

.w100 {
	width: 100%;
}

.lr {
	float: left;
}

.table-con {
	padding: 10px;
}

.table-title {
	text-align : center;
	font-weight: 700;
	font-size  : 16px;
}

.table-action {
	text-align: right;
}

.table-filter {
	margin-bottom: 10px;

	h3 {

		font-size    : 15px;
		font-weight  : 700;
		margin-bottom: 5px;
	}

	.table-filter-main {
		background   : #f3f3f3;
		border-radius: 3px;
		padding      : 15px 10px;
	}
}

.screen-input {
	display: inline-block !important;
	width  : 240px !important;
}

.screen-con {
	margin: 12px 0 !important;
}

.screen {
	.screen-input {
		width: 250px !important;
	}

	.screen-btn {
		width: 64px !important;
	}
}

.ant-tabs-bar {
	margin: 0;
}

h4.title {
	padding-left: 12px;
	font-weight : 400;
	font-size   : 16px;
	color       : #666;
	position    : relative;

	&::before {
		content   : "";
		width     : 4px;
		height    : 14px;
		display   : inline-block;
		position  : absolute;
		left      : 0;
		top       : 50%;
		transform : translateY(-50%);
		background: #0cc;
	}
}

.detail-item {
	margin       : 0 20px;
	padding      : 20px 0;
	border-bottom: 1px solid #ebebeb;
}

.no-border {
	border: none;
}